<HTML xmlns:th="http://www.thymeleaf.org">
<LINK th:href="@{/css/financials.css}" rel="stylesheet" type="text/css">
<script language="JavaScript" th:src="@{/js/Common.js}"></script>
    <HEAD>
        <meta charset="UTF-8">
        <!-- 添加这行meta标签 -->
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <TITLE>華信商会(株) 販売管理業務システム</TITLE>
        <link href="/css/financials.css" rel="stylesheet"
              type="text/css">
        <META http-equiv="Content-Type" content="text/HTML; charset=UTF-8">
        <script language="JavaScript" src="/js/Common.js"></script>
        <STYLE type="text/css">
                        <!--
                        BODY {
                            background-color: #F8F9FB;
                            margin-left: 0px;
                              margin-top: 0px;
                              margin-right: 0px;
                              margin-bottom: 0px;
                        }

                        .style13 {
                            color: #FFFFFF;
                            font-weight: bold;
                        }
                        .style28 {
                            font-family: "ＭＳ ゴシック";
                            font-size: 12px;
                        }
                        -->
                </STYLE>
    </HEAD>
    <BODY onLoad="goforit()">
        <TABLE width="100%" border="0" cellpadding="0" cellspacing="0">
            <TR>
                <TD height="55" colspan="2">
                    <TABLE width=100% height="56" border=0 cellPadding=0 cellSpacing=0>
                        <TBODY>
                            <TR bordercolor="0">
                                <TD height="49" bgColor=#666666>
                                    <TABLE cellSpacing=0 cellPadding=0 width=100 border=0>
                           <TBODY>
                                <TR bordercolor="0">
                                  <TD><IMG src="/img/header_logo_rt.gif" width=1 border=0><IMG
                                      height=1 alt="Skip to page content"
                                      src="/img/sp.gif" width=1
                                      border=0></TD>
                                  <TD><IMG src="/img/header_logo.gif" width="185" height="49" border="0"></TD>
                                  <TD><IMG height=49 alt=""
                                      src="/img/header_logo_rt.gif"
                                      width=105 border=0></TD>
                                  <TD><IMG
                                      height=49 alt="" src="/img/header_title.gif"
                                      width=329 border=0></TD>
                               </TR>
                            </TBODY>
                                    </TABLE>
                                </TD>
                                <TD align=right bgColor=#666666>&nbsp;

                                </TD>
                            </TR>
                            <TR align="right">
                                <TD colSpan=3 bgColor=#000000>
                                    <IMG height=5 alt="" src="/img/sp.gif">
                                    <script type="text/javascript" src="/js/time.js"
                                        language="JavaScript"></script>
                                    <span id="clock"></span>
                                </TD>
                            </TR>
                        </TBODY>
                    </TABLE>
                </TD>
            </TR>
            <TR>
                <TD>
                    <DIV class="header3">
                        <BR>
                    </DIV>
                    <DIV class="bfont" align="left">
                        ログイン：張毅
                    </DIV>
                    <BR>
                    <DIV class="bfont" align="left">
                        受注管理−＞顧客別受注実績月報
                    </DIV>
                    <HR>
                </TD>
            </TR>
            <TR>
                <TD height="60">
                <TD>
            </TR>
            <TR>
                <TD>
                    <TABLE width="800">
                        <TR>
                            <TD>
                                <TABLE width="800" border=1 cellpadding="1" cellspacing="1"
                                    bordercolor="#000000">
                                    <THEAD>
                                        <TR>
                                            <TD width=8%>
                                                <DIV align="center" class="datafont">
                                                    項番
                                                </DIV>
                                            </TD>
                                            <TD width=22%>
                                                <DIV align="center" class="datafont">
                                                    顧客コード
                                                </DIV>
                                            </TD>
                                            <TD width=35%>
                                                <DIV align="center" class="datafont">
                                                    顧客名
                                                </DIV>
                                            </TD>
                                            <TD width=35%>
                                                <DIV align="center" class="datafont">
                                                    受注額合計
                                                </DIV>
                                            </TD>
                                        </TR>
                                    </THEAD>

                                    <TBODY>
                                    <!-- 用th:each循环遍历Controller传递的orderDataList -->
                                    <TR th:each="orderData, stat : ${orderDataList}">
                                        <!-- 項番：循环索引+1（从1开始） -->
                                        <TD width=8%>
                                            <DIV align="center" class="style31" th:text="${stat.count}">
                                                1
                                            </DIV>
                                        </TD>
                                        <!-- 顧客コード：取Dto中的customerCode字段 -->
                                        <TD width=22%>
                                            <DIV align="center" class="style31" th:text="${orderData.getM00101()}">
                                                10001
                                            </DIV>
                                        </TD>
                                        <!-- 顧客名：取Dto中的customerName字段 -->
                                        <TD width=35%>
                                            <DIV align="left" class="style31" th:text="${orderData.getM00103()}">
                                                顧客名
                                            </DIV>
                                        </TD>
                                        <!-- 受注額合計：取Dto中的sum字段，按千分位格式化 -->
                                        <TD width=35%>
                                            <DIV align="right" class="style31">
                                                    <span th:text="${#numbers.formatDecimal(orderData.getSum(), 0, 'COMMA', 2, 'POINT')}">
                                                        Z,ZZZ,ZZ9
                                                    </span>
                                            </DIV>
                                        </TD>
                                    </TR>
                                    </TBODY>
                                </TABLE>

                            </TD>
                        </TR>
                        <TR>
                            <TD>
                                <TABLE width="100%" border=0 align=center cellpadding="0"
                                    cellspacing="0" bordercolor="#000000">
                                    <TBODY>
                                        <TR>
                                            <TD width="85%">
                                                <div align="right" class="bfont">
                                                    総合計：
                                                </div>
                                            <TD width="13%" align=right class="style36">
                                            <span th:text="${#numbers.formatDecimal(totalAmount, 0, 'COMMA', 2, 'POINT')}">
                                                        Z,ZZZ,ZZ9
                                                    </span>
                                            </TD>
                                            <TD width="2%">
                                            </TD>
                                        </TR>
                                    </TBODY>
                                </TABLE>
                            </TD>
                        </TR>
                    </TABLE>
                </TD>
            </TR>
            <TR>
                <TD height="110">
                <TD>
            </TR>
            <TR>
                <TD height="10" colspan="2">

                    <TABLE width=100% border=0 cellpadding=0 cellspacing=0
                        bgcolor="#666666">
                        <TBODY>
                            <TR>
                                <TD align=right>
                                    <input type="button" name="finish" value="<-　戻る"
                                        th:onclick="@{window.open('/PR10301','_self');} ">
                                </TD>
                            </TR>
                            <TR>
                                <TD width="756" bgcolor="#000000">
                                    <span class="style13"><span class="style28">c2008
                                            大連華信計算機新技術培訓中心. すべての知る権利を保留</span>
                                    </span>
                                </TD>
                            </TR>
                        </TBODY>
                    </TABLE>
                </TD>
            </TR>
    </BODY>
</HTML>
